import Vue from 'vue'
import App from './App.vue'
// import router from './router'
import router from './router/auth.js'
import store from './store'
import Vant, { Lazyload } from 'vant'

import 'vant/lib/index.css'
// 它会根据的手机尺寸来调整rem的基准值：html标签上的font-size。
import 'amfe-flexible'
// 全局样式
import '@/styles/index.less'

import { relativeTime, formatTime } from '@/utils/data-time.js'
// 导入事件总线
import EventBus from './utils/eventBus'

// 定义 过滤器
// Vue.filter('过滤器名', function(过滤前的值)){
//   ...
//   return 过滤之后的值
// }
Vue.filter('formatTime', formatTime)
Vue.filter('relativeTime', relativeTime)

Vue.use(Vant)
Vue.use(Lazyload)

// 把事件总线挂在原型对象上
// 则在组件内部，可以直接通过this.$eventBus来访问这个事件总线对象
Vue.prototype.$eventBus = EventBus

Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
